﻿$(function()
{
	/* Oculta divs de carga. */
	$("#dvSombra").hide();
	$("#dvSpinner").hide();
	
	/* Desactiva la tecla enter. */
	$("input").keypress(function(e)
	{
		var code = null;
		code = (e.keyCode ? e.keyCode : e.which);
		return (code == 13) ? false : true;
	});
	
	/* Crea el dialogo para los mensajes de error. */
	$("#dvError").dialog(
	{
		width: 350,
		height: 60,
		autoOpen: false,
		show: "drop",
		hide: "fade",
		resizable: false,
		modal: true,
		title: "Atenci&oacute;n"
	});
	
	/* Valida formulario. */
	$("#frmConsulta").validate({
		errorLabelContainer: $("#dvError"),
		wrapper: "li",
		rules: 
		{
			txtRun:
			{
				required: true,
				minlength: 8,
			}
		},
		messages:
		{
			txtRun:
			{
				required: "Debe ingresar RUN.",
				minlength: "Debe ingresar al menos 8 digitos.",
			}
		}
	});
	
	/* Grilla consulta. */
	$("#tblDatos").jqGrid(
	{
		colNames: 
		[
			"Id",
			"Run",
			"Nombres",
			"Apellido paterno",
			"Apellido materno",
			"Sexo",
			"Email",
			"Direccion",
			"Fecha de nacimiento",
			"Tel&eacute;fono fijo",
			"Tel&eacute;fono m&oacute;vil",
			"Regi&oacute;n id",
			"Comuna id",
			"Colegio"
		],
		colModel:
		[
			{ name: "InsId", width: 70 },
			{ name: "InsRun", width: 80 },
			{ name: "InsNombres", width: 200 },
			{ name: "InsApellidoPaterno", width: 200 },
			{ name: "InsApellidoMaterno", width: 200 },
			{ name: "InsSexo", width: 80 },
			{ name: "InsEmail", width: 200 },
			{ name: "InsDireccion", width: 400 },
			{ name: "InsFechaNacimiento", width: 150 },
			{ name: "InsTelefonoFijo", width: 90 },
			{ name: "InsTelefonoMovil", width: 90 },
			{ name: "InsRegId", width: 90 },
			{ name: "InsComId", width: 90 },
			{ name: "InsColegio", width: 400 }
		],
		datatype: "local",
		mtype: "POST",
		height: "350",
		width: "1200",
		altRows: true,
		shrinkToFit: false,
		scroll: false,
		loadonce: true,
		rowNum: 25,
		rowList: [25, 50, 75, 100],
		pager: "#dvPag",
		viewrecords: true,
		caption: "Inscritos"
	});
	
	//$("#gbox_tblDatos").hide();
	
	/* Carga datos grilla. */
	$("#btnBuscar").click(function()
	{
		$("#tblDatos").jqGrid("clearGridData", true);
		$("#frmConsulta").validate();
		
		validarRut($("#txtRun")[0]);
		
		if(!$("#frmConsulta").valid())
		{
			$("#dvError").dialog("open");
			return;
		}
		
		$.ajax(
		{
			url: "/TestPOO/Modelo/Core/WEB/Funciones.php",
			data: { Accion: "Inscripciones", InsRun: $("#txtRun").val() },
			dataType: "json",
			type: "POST",
			beforeSend: function()
			{
				$("#dvSombra").show();
				$("#dvSpinner").show();
			},
			success: function(jsData)
			{
				$("#tblDatos").jqGrid("clearGridData", true);
				
				$.each(jsData, function(i)
				{
					$("#tblDatos").jqGrid("addRowData", i, jsData[i]);
				});
				
				$("#tblDatos").trigger("reloadGrid");
			},
			error: function(error)
			{
				alert(error);
			}
		});
		
		$("#dvSombra").hide();
		$("#dvSpinner").hide();
	});
	
});